<jsp:include page="includes/head.jsp" /> 

<div id="box">
    
<jsp:include page="includes/nav.jsp" />
        
        <div id="box-content">
        	
            <h1>Welcome</h1>
            
            <p class="p-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis suscipit metus, ac semper lacus. Donec quis laoreet mi. </p>
			<p class="p-medium"> Nullam vitae magna dignissim, euismod nunc mattis, dapibus mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sem turpis, aliquet vel justo sed, porta condimentum massa. Praesent in scelerisque ipsum. Nulla posuere arcu massa.</p>
			<p class="p-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis suscipit metus, ac semper lacus. Donec quis laoreet mi.</p>
            
            <div class="line"></div>
        
        	<h2>Link and Paragraph Small</h2>        
        
        	<p>Praesent id mi eu orci consequat condimentum. <strong>Suspendisse ullamcorper</strong> imperdiet ligula et consequat. <i>Proin dictum pretium tortor, vitae venenatis nunc tincidunt euismod. Sed eu mi purus, vitae ullamcorper augue. Aenean in augue mauris.</i></p>       
            
           <p><a href="www.globo.com" title="www.globo.com" alt="www.globo.com">www.globo.com</a></p>
        
           <div class="line"></div>        
           
           <h2>Sub-Titles Small's</h2> 
           
           <p>Vivamus et justo massa. Pellentesque tempor dignissim metus, a dignissim tellus interdum nec. Morbi molestie nulla quis massa volutpat fermentum varius justo sollicitudin.</p>
           
     	<h3>Bibendum ultrices</h3>    
        
           <p>Ut et ante tortor, id blandit urna. Duis eget elit quis odio molestie vehicula eu imperdiet libero. Morbi vestibulum purus a justo pretium eu consequat ipsum dictum. Nam gravida diam fermentum neque consectetur rhoncus ac quis arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris pulvinar pretium luctus.</p>           
     	<h3>Pellentesque at pretium </h3>   
                   
           <p>Curabitur consectetur, arcu quis pellentesque suscipit, odio mi interdum ante, at auctor nunc urna non libero. Aliquam dapibus convallis nibh at lobortis. Pellentesque at pretium eros. Curabitur feugiat nisl et ligula lobortis ullamcorper. Phasellus arcu metus, gravida eu congue at, bibendum id odio. </p>
                              
           <div class="line"></div>    
                      
        	<h2>UnList</h2>              
        	
            <ul>
            	<li>
                	<strong>Donec.</strong>
                    Ut sit amet pellentesque ipsum. <i>Donec hendrerit congue orci, ut rutrum est feugiat eu.</i>
               </li>
               
               <li>
               		<strong>Pellentesque.</strong>
                    Morbi venenatis tempor eros. Pellentesque adipiscing, erat in dignissim fermentum, neque est euismod nisl, at adipiscing elit lacus lobortis massa. Sed at augue suscipit nunc bibendum sodales faucibus et urna.
               </li>
                              
               <li>
               		<strong>Suspendisse.</strong>
                    Praesent id mi eu orci consequat condimentum. Suspendisse ullamcorper imperdiet ligula et consequat. Proin dictum pretium tortor, vitae venenatis nunc tincidunt euismod. Sed eu mi purus, vitae ullamcorper augue. Aenean in augue mauris.
               </li>
            </ul>
            
            
           <div class="line"></div>    
           
                       
        	<h2>List Numbers</h2>                          

            <ol>
            	<li>
                    Ut sit amet pellentesque ipsum. Donec hendrerit congue orci, ut rutrum est feugiat eu.
               </li>
               
               <li>
                    Morbi venenatis tempor eros. Pellentesque adipiscing, erat in dignissim fermentum, neque est euismod nisl, at adipiscing elit lacus lobortis massa. Sed at augue suscipit nunc bibendum sodales faucibus et urna.
               </li>
                              
               <li>
                    Praesent id mi eu orci consequat condimentum. Suspendisse ullamcorper imperdiet ligula et consequat. Proin dictum pretium tortor <a href="www.globo.com" title="www.globo.com" alt="www.globo.com">www.globo.com</a> vitae venenatis nunc tincidunt euismod. Sed eu mi purus, vitae ullamcorper augue. Aenean in augue mauris.
               </li>
               
            </ol>   
            
           <div class="line"></div>   
           
     		<h2>Contextual alternatives</h2>               
                   
           	<p>Add optional classes to change an alert's connotation.</p> 
           
            <div class="alert-info">     
            	
                <span>Note</span>                
                
                <p>Folder depth in Squarespace are currently limited to one... folders currently cannot be nested inside other folders. </p>                
                
            </div>
            
           <div class="line"></div>       
           
           <h2>Images</h2>
           
            <p>Folder depth in Squarespace are currently limited to one... folders currently cannot be nested inside other folders. </p>  
                
                       
				<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">
					<img src="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" alt="" width="715" height="402" />
				</a>
				<a class="fancybox" rel="gallery1" href="http://farm4.staticflickr.com/3824/9041440555_2175b32078_b.jpg" title="Calm Before The Storm (One Shoe Photography Ltd.)">
					<img src="http://farm4.staticflickr.com/3824/9041440555_2175b32078_b.jpg" alt="" width="715" height="402"/>
				</a>
				<a class="fancybox" rel="gallery1" href="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_b.jpg" title="Lambs Valley (JMImagesonline.com)">
					<img src="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_b.jpg" alt="" width="715" height="402" />
				</a>
				
       <div class="line"></div>                            
           
        <span class="box-icon">
            <span class="icon-camera"></span>
            <span class="box-icon-text">Videos</span>
        </span>
                       
           <p>Add optional classes to change an alert's connotation.</p> 
                            
            <iframe width="715" height="402" src="//www.youtube.com/embed/ssutK1Gei4A" frameborder="0" allowfullscreen></iframe>
                                        
              
            <blockquote cite="http://www.worldwildlife.org/who/index.html">
            For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
            </blockquote>
              
                       
            </div>     
                                                                                     
        
        <div class="clear"></div>
    </div>
    
</body>
</html>